<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>4-盒子阴影</title>
		<style type="text/css">
			.box{
				width:200px;
				height:200px;
				background:red;
				margin:30px auto;
				/* 外部阴影 */
				/* box-shadow: 1px 1px 14px 10px #000000; */
				/* 内部阴影inset */
				box-shadow: 1px 1px 14px 10px #000000 inset;
			}
		</style>
	</head>
	<body>
		<div class="box"></div>
	</body>
</html>
